<template>
  <div>
    {{ a }}
    <button @click="a++" :disabled="a == 5">按我加1</button>
    <p>
      {{ a_double() }}
    </p>

    <input type="range" min="0" max="5" v-model="a">
    <p>
      {{ arr }}
    </p>
    <ul>
      <li v-for="item in arr">
        {{ item.name + '今年' + item.age }} 岁了 {{ item.hobby }} a
        <button @click="item.age++">按我</button>
        <button @click="item.hobby.push('A')">按我</button>
      </li>
    </ul>
  </div>
</template>

<script setup lang='ts'>
 
</script>

<style></style>